// user-module 为个人中心根目录
.user-module{
	$color_skin: #76C5F0;
	$font-color-fff: #fff;
	$font-color-000: #000;
	$fontFamilyHeiti: "黑体";
	
	.fontWeight{
		font-weight: 700;
	}
	.margin-bottom-scroll{
		padding-bottom: 5rem;
	}

	.top-bar-header{
		background: #0093DD;
	}
	.user-page .quit-btn{
		position: absolute;
		top: .8rem;
		right: 1.5rem;
		display: inline-block;
		width: 2rem;
		height: 2rem;
		background: url(../misc/images/quit-btn.png);
		background-size: 100%;
		left:auto;
		margin-top: 0px;
	}
	.clearfix{
		display: block;
	}
	.clearfix::after{
		display: block;
		content: "";
		height: 0;
		clear: both;
	}
	.list-sty-icon,.list-sty2 li i,.charge-company .tips i{
		background: url(../misc/images/userCenter/userCenter-icon.png);
	}

	.null-record{
		width: 8rem;
		height: 8rem;
		margin: 4rem auto 0;
		background: url(../misc/images/record-null.png);
		background-size: 100%;
		background-repeat: no-repeat;
	}
	//个人中心首页
	.user-page{
		.user-basic-info{
			position: relative;
			height: 4.6rem;
			padding-left:5%;
			background: #0093DD;
			color: $font-color-fff;

			.head-img{
  			float: left;
				width: 5rem;
				height: 5rem;
				margin-top: .5rem;
				img{
					width: 100%;
				}
			}

			.head-info{
				display: inline-block;
				float: left;
				margin-top: .8rem;
				margin-left: .4rem;
				.name{
					line-height: 2.4rem;
					font-size: 1.2rem;
				}
				.money{
					font-size: .9rem;
					.balance{
						font-size: 1.1rem;
					}
					.member{
						margin-left: .7rem;
					}
				}
			}
		}
		.user-panel{
			.list-sty1{
				margin-top: 1.2rem;
				border-top: 1px solid #E7E7E7;
				border-bottom: 1px solid #E7E7E7;
				background: #fff;
				.items{
					display: inline-block;
					width: 33%;
					padding: 1rem 0 .7rem;
					border-right: 1px solid #e7e7e7;
					text-align: center;
					.list-sty-icon{
						width: 4.5rem;
						height: 4.5rem;
						margin: 0 auto .4rem;
				    background-size: 14.5rem;
  					background-position: -3.6rem 0;
						border-radius: 50%;
						img{
							width: 100%;
						}
					}
					&:nth-child(2){
						.list-sty-icon{
							background-position: -3.6rem -4.7rem;
						}
						
					}
					&:last-child{
						border-right:0;
						.list-sty-icon{
							background-position: -3.6rem -9.5rem;
						}
					}
				}
			}
				
			.list-sty2{
				padding-top: .5rem;
				background: #F5F5F5;
				ul{
					margin-top: .5rem;
					border-top:1px solid #E7E7E7; 
					background: #fff;
					&:first-child{
						margin-top: 0;
					}
					li{
						height: 3rem;
						line-height: 3rem;
						padding: 0 8%;
						border-bottom: 1px solid #E7E7E7;
						color: #6c6c6c;
						font-family: $fontFamilyHeiti;
						i{
							float: left;
							display: inline-block;
							width: 2rem;
							height: 2rem;
							margin-right: .8rem;
							margin-top: .5rem;
							background-size: 8.6rem;
							background-position: 0 0;
						}
						.icon-01{
							background-position: 0 -2.03rem;
						}
						.icon-02{
							background-position: 0 -4.05rem;
						}
						.icon-03{
							background-position: 0 -6.06rem;
						}
						.icon-04{
							background-position: 0 -8.12rem;
						}
						.icon-05{
							background-position: 0 -10.09rem;
						}
						.icon-06{
							background-position: 0 -12.09rem;
						}
						.icon-07{
							background: url(../misc/images/userCenter/security.png);
							background-size: 100%;
						}
						.icon-08{
							background: url(../misc/images/userCenter/bank-icon.png);
							background-size: 100%;
						}
						.icon-09{
							background: url(../misc/images/userCenter/icon-agent.png);
							background-size: 100%;
						}
						.arrow-icon{
							float:right;
							width: .43rem;
							img{
								width: 100%;
							}
						}
						a{
							display: inline-block;
							width: 100%;
							height: 100%;
						}
					}
				}
			}
		}
	}
	
	//注单查询
	.oredr-page,.page-charge-record,.page-transfer-log,.page-withdraw-log{
		.user-order-list{
			padding: 1.6rem 1.6rem 5rem;
			ul{
				li{
					position: relative;
					height: 2.8rem;
					line-height: 2.8rem;
					padding: 0 .5rem;
					border-bottom:1px solid #f1f1f1 ;
					font-family: $fontFamilyHeiti;
					span{
						margin-left: 2rem;
					}
					i{
						position: absolute;
						top: .4rem;
						left: 0;
						display: inline-block;
						width: 2rem;
						height: 2rem;
						img{
							width: 100%;
						}
					}
					a{
						position: absolute;
						top: 50%;
						right: .5rem;
						margin-top: -.85rem;
						display: inline-block;
						width: 3.9rem;
						height: 1.7rem;
						line-height: 1.7rem;
						text-align: center;
						border-radius: .4rem;
						background: #0093DD;
						color: $font-color-fff;
					}
					.show-balance{
						float: right;
            margin-right: 10rem;
            color: #048ee7;
            text-decoration: underline;
					}
					.transfer-in{
						right: 5rem;
					}

				}
			}
		}
		.status-progress{
			z-index: 111;
			position: absolute;
			top: .8rem;
			left: 1rem;
			width: 2.2rem;
			height: 2.2rem;
		}
		.status_success{
			background: url(../misc/images/userCenter/status_success.png);
			background-size: 100%;
		}
		.status_examine{
			background: url(../misc/images/userCenter/status_examine.png);
			background-size: 100%;
		}
		.status_fail{
			background: url(../misc/images/userCenter/status_fail.png);
			background-size: 100%;
		}
		.transfer-List{
			padding: 1rem .9rem 5rem;
		}
		.order-info-list{
			padding-top: .6rem;
			background:#ececea;

			.title{
				position: relative;
        height: 3.6rem;
        padding: 0 1rem;
        border-bottom : 1px solid #eaeaea;
        background: #fff;
				
				.left{
					float: left;
					margin: .7rem 0 0 0;
					padding-left: 2.8rem;
					color: $font-color-000;
					.order-shop{
						font-size: .98rem;
						white-space:nowrap;
					}
					.order-number{
						margin-top: .5rem;
						color: #9f9f9f;
						font-size: .88rem;
					}
					
				}
				.right{
          float: right;
          margin: .8rem 2rem 0 0;
          text-align: center;
          font-size: 1rem;
          .day{
            margin-top: .4rem;
            color: #444243;
            font-size: .88rem;
          }
        }
				.arrow{
					position: absolute;
					top: 1.2rem;
					right: 4%;
					width: 0;
					border-top:.5rem solid #fff;
					border-left:.6rem solid #a9a9a9;
					border-right:0;
					border-bottom:.5rem solid #fff;
					transition: all .2s;
				}
				.arrow-change{
					transform: rotate(90deg);
				}
			}
			.content{
				display: none;
				padding: .4rem 0 0 0;
				background:#f9f9f9;
				border-bottom : 1px solid #eaeaea;
				ul{
					background: #f9f9f9;
				}
				li{
					float: left;
					height: 2.2rem;
					width: 50%;
					box-sizing: border-box;
					border-right: 1px solid #bbb;
					text-align: center;
					font-size: .9rem;
					&:first-child{
						border-left: 1px solid #bbb;
					}
					p:first-child{
						margin-bottom: .6rem;
						color: #72716f;
					}
				}
				.submit-date{
					border-right: 0;
				}
				.minus{
					color: #f12;	
				}
			}
		}
	}
	
	//充值记录私有样式
	.page-charge-record{
		.user-order-info{
			.order-info-list{
				.content{
					box-shadow: 0 3px 3px #ccc inset;
					background: #eee;
					border-bottom: 0;
					ul{
						border: 1px solid #a9a9a9;
					}
					.inner{
						padding: 0 .5rem .4rem .5rem;
						box-shadow: 0 -3px 3px #ccc inset;
					}
					li{
						width: 50%;
						height: auto;
						padding: .6rem 0 .4rem;
						box-sizing: border-box;
						border-left: 0;
						p{
							font-size: .88rem;
							color: #72716F;
						}
						p:first-child{
							margin-bottom: .4rem;
							color: #000;
						}
						&:nth-child(3){
							border-right: 0;
							p:first-child{
								margin-top: .6rem;
							}
						}
					}
				}
				.content-status{
					background: #f9f9f9;
			    padding: .7rem 1rem;
			    border: 1px solid #aaa;
			    border-top: 0;			
			    box-sizing:border-box;
					p{
						line-height: 1.2rem;
						font-size: .88rem;
						&:first-child{
							margin-bottom: .2rem;
							font-size: .94rem;
						}
						&:last-child{
							text-align: right;
							color: #72716f;
						}
					}
				}
			}
		}
	}
	//转换记录私有样式
	.page-transfer-log{
		.transfer-items{
			padding-top: 1rem;
		}
		.transfer-log-item{
			padding-top: 0;
			background:#ececea;
			.title{
				position: relative;
				height: 3.8rem;
  			padding: 0 2.4rem 0 1rem;
				border: 1px solid #eaeaea;
				background: #fff;
				.left{
					float: left;
					margin: .8rem 0 0 0;
					color: $font-color-000;
					.order-number{
						font-size: .88rem;
					}
			    span{
    				&:nth-child(2){
    					float: right;
    					margin-right: .4rem;
    				}
    				&:last-child{
    					float: right;
    					margin-right: 1.5rem;
    				}
			    }
					.order-shop{
						font-size: .9rem;
						white-space:nowrap;
					}
					
				}
				.right{
					float: right;
					margin: .8rem 0 0 0;
					font-size: 1rem;
					.order-number{
						color: #9f9f9f;
						font-size: .9rem;
				    text-align: left;
						span:last-child{
							float: right;
						}
					}
					.day{
						margin-top: .4rem;
						color: #444243;
						font-size: .8rem;
					}
				}
				.arrow{
					position: absolute;
					top: 1.2rem;
					right: 4%;
					width: 0;
					border-top:.5rem solid #fff;
					border-left:.6rem solid #a9a9a9;
					border-right:0;
					border-bottom:.5rem solid #fff;
					transition: all .2s;
				}
				.arrow-change{
					transform: rotate(90deg);
				}
			}
			.content{
				display: none;
				background:#f9f9f9;
				box-shadow: 0 3px 3px #ccc inset;
				li{
					width: 100%;
					height: 3.2rem;
					padding: .6rem 1rem 1rem;
					
					border: 0 !important;
					font-size: .9rem;
					text-align: left;
					p:last-child{
						text-align: right;
						color: #72716f;
					}
				}
			}
		}
	}
	
	//提现时间私有样式
	.page-withdraw-log{
		.charge-record-item{
			padding-top: 0;
		}
		.order-info-list{
			.title{
				border: 1px solid #d5d5d5;
				
			}
			.content{
				box-shadow: 0 3px 3px #ccc inset;
				li{
					width: 100%;
					height: 3.4rem;
					font-size: .84rem;
					padding: .4rem 1rem;
					border: 0 !important;
					text-align: left;
					p:last-child{
						text-align: right;
						color: #72716f;
					}
				}
			}
		}
	}
	//消息中心
	.msgcenter-page{
		
		.message-tabs{
			z-index: 5;
			width: 100%;
			height: 3.2rem;
			padding-top: 1rem;
			border-bottom: 1px solid #e9e9ea;
			background: #fff;
			ul{
				width: 80%;
				height: 2.3rem;
				margin: 0 auto;
				border-radius: .4rem;
				overflow: hidden;
				li{
					position: relative;
					float: left;
					width: 50%;
					height: 2.3rem;
					line-height: 2.5rem;
					text-align: center;
					background: #eee;
					.tips{
						position:absolute;
						top: .9rem;
						left: 5%;
						display: inline-block;
						width: .5rem;
						height: .5rem;
						background: #c52000;
						border-radius: 50%;
					}
				}
				.active{
					background: #76c5f0;
					a{
						color: #fff;
					}
				}
				
			}
		}

		.message-items{
	    padding-bottom: 5rem;
			.message-item{
				height: 4rem;
				padding: 0 7% 0 8%;
				border-bottom: 1px solid #e5e5e5;
				line-height: 4rem;
				.wrap{
					position: relative;
					margin-top: 1rem;
					.title{
						padding-left: 2rem;
						line-height: 1.6rem;
						&.system-title {
							padding-left: 0px;
						}
						.img-status{
							position: absolute;
							top: 0;
							left: 0;
							display: inline-block;
							width: 1.3rem;
							height: 1.3rem;
							img{
								width: 100%;
							}
						}
						p{
							span{
								color: #807e7f;
							}
						}
					}
					.del-btn{
						position: absolute;
						top: 0;
						right: -3rem;
						width: 3rem;
						height: 1.5rem;
						line-height: 1.5rem;
						background: #c1c1c1;
						text-align: center;
						color: #fff;
						border-radius: .4rem;
						font-size: .72rem;
					}
					.content{
						width: 83%;
						height: 1.8rem;
						line-height: 1.8rem;
						overflow: hidden;
						color: #807e7f;
					}
				}
				&:first-child{
					margin-top: 1rem;
				}
			}
			.open{
				.title{
					img{
						&:last-child{
							display: block !important;
						}
						&:first-child{
							display: none;
						}
					}
				}
				.del-btn{
					display: block;
					background: #76c5f0 !important;
				}
			}
			.special{
				margin-top: 4rem;
				text-align: center;
			}
		}

	}
	
	//消息内容
	.message-content-page{
		.message-content-item{
			height: 20rem;
			padding: 1rem 10%;
			background: #f2f2f2;
			font-family: $fontFamilyHeiti;
			.lists{
				position: relative;
				padding: 1rem 2rem;
				background: #fff;
				border-radius: 1rem;
				color: #6a6a6a;
				&:after{
					content: "";
					position: absolute;
					bottom: -1.2rem;
					left: 50%;
					margin-left: -.7rem;
					width: 0;
					border-top: 1.2rem solid #fff;
					border-left: 1.5rem solid #f2f2f2;
					border-right: 1.5rem solid #f2f2f2;
					border-bottom: 0;
				}
				h2{
					line-height: 2rem;
					margin-bottom: .7rem;
					border-bottom: 1px solid #bdbdbd;
					i{
						display: inline-block;
						width: 1rem;
						height: 1rem;
						margin-top: -.2rem;
						margin-right: .6rem;
						background:#85c226;
						border-radius: 50%;
						vertical-align: middle;
					}
				}
			}
		}
	}

	//会员充值
	//公用样式
	.common-style{
		
		.style-charge{
			padding: 1rem 7%;
			background: #fff;
			ul{
				overflow: hidden;
				border-radius: .5rem;
				li{
					float: left;
					width: 50%;
					height: 2.14rem;
					line-height: 2.3rem;
					box-sizing: border-box;
					text-align: center;
					background: #eee;
					color: #000;
					&:first-child{
						border-right: 0;
					}
				}
			}
		}
		.operation-charge{
			padding: 0px 7%;
			margin-top: .5rem;
			background: #fff;
		}

		.sumbit{
			display: block;
			width: 86%;
			height: 2.7rem;
			line-height: 2.7rem;
			margin: 5rem auto 0;
			text-align: center;
			background: #0093DD;
			color: #fff;
			border-radius: .4rem;
		}
	}

	//Quick充值私有样式
	.charge-quick{
		.style-charge{
			ul{
				li:first-child{
					color: #fff;
					background: #0093DD;
					border-color: #0093DD;
				}
			}
		}
		.operation-charge{
			h2{
				line-height: 3rem;
				border-bottom: 1px solid #b6b6b6;
				margin-bottom: 2.2rem;
				i{
					display: inline-block;
					width: 1rem;
					height: 1rem;
					margin-top: -.2rem;
					margin-right: .6rem;
					background:#85c226;
					border-radius: 50%;
					vertical-align: middle;
				}
				span{
					display: inline-block;
					float: right;
				}
			}	
			.operation-choice{
				display: block;
				li{
					line-height: 1.7rem;
					&:last-child{
						// text-align: right;
					}
					.icon{
						display: inline-block;
						width: 1.7rem;
						height: 1.7rem;
						margin-right: .4rem;
						vertical-align: middle;
						img{
							width: 100%;
						}
					}
					span{
						vertical-align: middle;
						font-family: $fontFamilyHeiti;
					}
					i{
						float: right;
						display: inline-block;
						width: 1.43rem;
						height: 1.43rem;
						vertical-align: middle;
						img{
							width: 100%;
						}
					}
				}
			}							
		}
	}
	//company页面私有样式
	.charge-company{
		.style-charge{
			ul{
				li:last-child{
					color: #fff;
					background: #76c5f0;
					border-color: #76c5f0;
				}
			}
		}
		.operation-charge{
			padding: 0 ;
			padding-bottom: 2rem;
			ul{
				li{
					height: 5rem;
					padding: 0 7%;
					border-bottom: 1px solid #ececec;
					& > div{
						position: relative;
						padding-left: 4.2rem;
						padding-right: 2.6rem;
						.icon{
							position: absolute;
							top: .6rem;
							left: 0;
							display: inline-block;
							width: 3.6rem;
							height: 3.6rem;
							background: url(../misc/images/userCenter/userCenter-icon.png);
					    background-size: 100%;
    					background-repeat: no-repeat;
						}
						.icon-wxpay{
							background-position: -6.6rem 0;
						}
						.icon-alipay{
							background-position: -6.6rem -4.3rem;
						}
						.icon-2{
							background-position: -6.6rem -4.3rem;
						}
						.bank-info{
							padding-top: .8rem;
							p{
								line-height: 1.6rem;
								span{
									font-size: .9rem;
								}
								&:first-child{
									font-size: .86rem;
									color: #717070;
								}
							}
						}
						.way-name{
							line-height: 1.5rem;
							border-bottom : 1px solid #cbcbcb;
							display: flex;
							display: -webkit-flex;
							justify-content: space-between;
							span{
								&:last-child{
									float: none;
								}
							}
						}
						.check-btn{
							position: absolute;
							top: 1.7rem;
							right: 0;
							width: 1.4rem;
							height: 1.1rem;
							img{
								width: 100%;
							}
						}
					}
				}
			}
		}
		.tips{
			position: relative;
			padding: 0 7%;
			background: #fff;
			i{	
				position: absolute;
				top: .2rem;
				left: 7%;
				display: inline-block;
		    width: 2rem;
		    height: 2rem;
        background-position: 0 -22.8rem;
   		  background-size: 10rem;
			}
			span{
				display: inline-block;
				float: left;
				margin-left: 2.5rem;
				font-size: .9rem;
				color: #868686;
			}
		}
		.sumbit{
			display: block;
			width: 86%;
			height: 2.7rem;
			line-height: 2.7rem;
			margin: 3rem auto 7rem;
			text-align: center;
			background: #76c5f0;
			color: #fff;
			border-radius: .4rem;
		}
	}

	//modifyPassword
	.modify-account{
		background: #fff;
		.style-charge{
			.active{
				background: #76c5f0;
				border: 0;
				a{
					color: #fff;
				}
			}
		}
		.modify-form{
			.operation-charge{
				margin-top: 0;
				h2{
					line-height: 3rem;
					border-bottom: 1px solid #969495;
					font-family: $fontFamilyHeiti;
					i{
						display: inline-block;
						width: 1rem;
						height: 1rem;
						margin-top: -.2rem;
						margin-right: .6rem;
						background:#85c226;
						border-radius: 50%;
						vertical-align: middle;	
					}
					input{
						float: right;
						width: 50%;
						height: 1.8rem;
						line-height: 1.8rem;
						margin-top: .7rem;
						text-align: right;
						outline: none;
						border: 0;
						font-size: 1rem;
					}
				}
			}
			.sumbit{
				position: relative !important; 
		    margin: 2rem auto 7rem;
		    bottom: 0;
		    left: 0;
			}
		}
	}

	//page-transfer-form
	.page-transfer-form{
		.modify-account{
			text-align: center;
			background: #fff;
			.icon{
				width: 9rem;
				height: 9rem;
				margin: 3rem auto 1.6rem;
				border-radius: 50%;
				background: url(../misc/images/userCenter/userCenter-icon.png);
		    background-size: 13rem;
    		background-position: -3.8rem -20.34rem;
			}
			.operation-charge{
				padding: 2rem 14% 1rem;
				h2{
					text-align: left;
					input{
						margin-top: .6rem;
					}
				}
			}
			.word-style{
				font-size: .8rem;
				color: #a6a6a6;
			}
		}
	}
	

	//page-security
	.page-security{
		.security-list{
			padding: 2rem 5%;
			li{
				margin-bottom: 1rem;
				padding: .5rem;
				background: #fff;
				border-radius: .3rem;
				h3{
					display: block;
					position: relative;
					padding-left: 1rem;
					padding-bottom: .2rem;
					line-height: 1.5rem;
					font-size: .88rem;
					border-bottom: 2px solid #ddd;
					margin-bottom: .3rem;
					&:before{
						content: "";
						position: absolute;
						top: .45rem;
						left: 0;
						width: .6rem;
						height: .6rem;
						border-radius: 50%;
						background: #85C225;
					}
				}
				p{
					line-height: 1.4rem;
				}
				.color-style-id{
					color: #969696;
				}
			}
		}
	}

	//page-bank-lists
	.page-bank-lists{
		.gray-space{
			width: 100%;
			height: .6rem;
			background: #eee;
		}
		.bank-lists{
			height: 2.8rem;
			line-height: 2.8rem;
			li{
				position: relative;
				padding: 0 5%;
				border-bottom: 1px solid #f4f4f4;
				>div{
					padding-left: 2.5rem;
					i{
						position: absolute;
						top: .4rem;
						left: 5%;
						display: inline-block;
						width: 2rem;
						height: 2rem;
						background: #aaa;
						img{
							width: 100%;
						}
					}
				}
			}
		}
	}

	//user-info-page
	.user-info-page{
		.user-detail-info{
			margin-top: 0;
	    padding: 0;
	    border-bottom: 0;
			li{
				position: relative;
				height: 2.6rem;
				line-height: 2.6rem;
				padding-left: 8%;
				background: #fff;
				border-bottom:1px solid #eaeaea;
				.cont{
					color: #100c09;
				}
				.label{
					width: 4.8rem;
					margin-right: 1rem;
					color: #100c09 !important;
				}
				.arrow-icon{
					position: absolute;
			    top: .9rem;
			    right: 0	;
			    display: inline-block;
			    width: .6rem;
			    height: .6rem;
					border-right: 1px solid #333;
					border-bottom: 1px solid #333;
					transform : rotate(-45deg);
				}
				input{
					width: 14rem;
					height: 1.5rem;
					line-height: 1.7rem;
					padding-left: .4rem;
					text-align: right;
					border: none;
				}
				a{
					display: inline-block;
					width: 100%;
				}
			}
			.info-item{
				padding: 1rem 8% 2rem;
				background: #fff;
				li{
					padding-left: 1%;
					border-bottom: 1px solid #868483;
				}
				.cont-mobile{
					margin-right: 1.2rem;
					color: #0093DE;
				}
				.cont{
					float: right;
					font-size: 1rem;
					input{
						color: #787878;
						font-size: 1rem;
					}
				}
			}
			.btn-wrap-info{
				padding-bottom: 2rem;
				background: #fff;
			}
		}
		.btn{
			width: 90%;
			height: 2.8rem;
			line-height: 2.8rem;
			margin: 0 auto;
			text-align: center;
			background: #2f96d1;
			border-radius: .3rem;
			color: #fff;
		}
	}
}


//bank-detail-page
.bank-detail-page{
	.inner{
		padding: 2rem 5% 0;

		.item{
			height: 2.5rem;
			line-height: 2.5rem;
			border-bottom: 1px solid #a4a2a3;
			color: #000;
			>div{
				padding-left: .5rem;
				span:first-child{
					display: inline-block;
					width: 6rem;
					text-align: justify;
				}
				span:last-child{
					display: inline-block;
					color: #757471;
				}
			}
			&:last-child{
				height: auto;
				span{
					float: left;
				}
			}
		}

	}
}

//agent
.agent-body{
	color: #565553;
	.agent-title{
		padding: .4rem 6%;
		border-bottom: 1px solid #f2f2f2;
		.inner{
			position: relative;
			height: 3rem;
			line-height: 3rem;
			padding: 0 2.4rem;
			box-sizing: border-box;
		}
		i{
			position: absolute;
			top: .4rem;
			left: 0;
			display: inline-block;
			width: 2rem;
			height: 2rem;
			background: url(../misc/images/userCenter/agent_already.png);
			background-size: 100%;
		}
	}
	.agent-form{
		li{
			padding: 0 8%;
			line-height: 2.6rem;
			border-bottom: 1px solid #f2f2f2;
		}
	}
	.agent-info{
		padding: 1rem 6%;
		.inner{
			position: relative;
			padding-left: 2.4rem;
			color: #9c9c9c;
		}
		i{
			position: absolute;
			top: 0;
			left: 0;
			display: inline-block;
			width: 2rem;
			height: 2rem;
			background: url(../misc/images/notice.png);
			background-size: 100%;
			background-repeat: no-repeat;
		}
		p{
			line-height: 1.2rem;
		}
	}
	.btn{
		width: 90%;
		height: 3rem;
		line-height: 3rem;
		margin: 2rem auto;
		text-align: center;
		color: #fff;
		background:#0193de;
		border-radius: .4rem;
	}
}
.agent-edit{
	.agent-title{
		i{
			background: url(../misc/images/userCenter/agent_edit.png);
			background-size: 100%;
		}
	}
	.input-style1{
		display: inline-block;
		width: 4rem;
		height: 1.4rem;
		line-height: 1.4rem;
		padding: 0 .4rem;
		color: #7c7c7c;
		border: 1px solid #7c7c7c;
	}
	.active{
		background: #0193de;
		color: #fff;
		border-color: #0193de;
	}
	textarea{
		width: 100%;
	}
	input{
		padding-left: .3rem;
		border: 0;
		border-left: 1px solid #7c7c7c;
	}
}
.agent-applying{
	color:#565553;
	.agent-title{
		i{
			background: url(../misc/images/userCenter/agent_applying.png);
			background-size: 100%;
		}
	}
}
.agent-fail{
	color: #565553;
	.agent-title{
		i{
			background: url(../misc/images/userCenter/agent_fail.png);
			background-size: 100%;
		}
	}
}
.hideme {
	display:none  !important;
}